<template>
  <div class="container">
 
    <Category title="游戏">
     <template scope="dataObj">
      <ul  >
            <li v-for="(item,index) in dataObj.games" :key="index">{{item}}</li>
      </ul>
     </template>
    </Category>
    <Category title="游戏"  >
      <template scope="{games}">
      <ul  >
            <ol v-for="(item,index) in  games" :key="index">{{item}}</ol>
      </ul>
     </template>
    </Category>
    <Category title="游戏" >
      <template scope="{games}">
      <ul  >
            <h4 v-for="(item,index) in games" :key="index">{{item}}</h4>
      </ul>
     </template>
    </Category>
  </div>
</template>

<script>
import Category from './components/Category';

export default {
  name: "App",
  components:{
    Category
  },
};
</script>
<style scoped>
.container,.foot{
  /* float: right; */
  display: flex;
  /* margin: 100px;
  padding: 100px; */
  justify-content: space-around;
}
img{
  width: 100%;
}
video{
  width: 100%;
}
h4{
  text-align: center;
}

</style>
